<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  
<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" href="assets/img/youu.png" type="image/x-icon">

    <title>:: YOUU友游网  :: 不一样的世界</title>

    

    <!-- style -->

    <link href="assets/css/mainStyle.css" rel="stylesheet" type="text/css">

    <!-- Bootstrap -->

    <link href="assets/vendor/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- carousel -->

    <link href="assets/css/owl.carousel.css" rel="stylesheet" type="text/css">

    <!-- responsive -->

    <link href="assets/css/responsive.css" rel="stylesheet" type="text/css">

    <!-- font-awesome -->

    <link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- font-awesome -->

    <link href="assets/css/animate.min.css" rel="stylesheet" type="text/css">

    <link href="assets/css/popup.css" rel="stylesheet" type="text/css">
    
    <script type="text/javascript" src="${ctp}/assets/vendor/jQuery/jquery-3.2.1.min.js"></script>

    <script src="assets/js/jquery.magnific-popup.min.js" type="text/javascript"></script>

    <script src="assets/js/jquery.contact.js" type="text/javascript"></script>

    <script src="assets/vendor/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
    
    <script type="text/javascript" src="${ctp}/assets/vendor/layui/layui.js"></script>
    <%-- <script type="text/javascript" src="${ctp}/assets/vendor/layui/css/layui.css"></script> --%>
    <link href="${ctp}/assets/vendor/layui/css/layui.css" rel="stylesheet" type="text/css">
    
    <!-- 百度地图定位 -->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=PX4VobUl10S6FGruZ11ReAda3DA6maO0"></script>

<%--     <script type="text/javascript" src="${ctp}/assets/vendor/layer/layer.js"></script> --%>
<%--     <link href="${ctp}/assets/vendor/layui/css/layui.css" rel="stylesheet" type="text/css"> --%>
<%--     <script type="text/javascript" src="${ctp}/assets/vendor/layui/layui.js"></script> --%>
    
    <!-- 首页JS -->
    <script type="text/javascript" src="${ctp}/assets/js/index.js"></script>
    <link href="${ctp}/assets/css/main.css" rel="stylesheet" type="text/css">
  </head>

   <body class="module-home" data-spy="scroll" data-target=".navbar">



    <!-- header -->

        <header role="header" class="header-top" id="headere-top">

            <div class="header-fixed-wrapper" role="header-fixed">

                <div class="container">

                    <!-- hgroup -->

                    <hgroup class="row">

                        <!-- logo -->

                        <div class="col-xs-5 col-sm-2 col-md-2 col-lg-2">

                            <h1>

                                <a href="#headere-top" title="Rooky"><img src="assets/img/logo.png" alt="Rooky" title="Rooky"/></a>

                            </h1>

                        </div>

                        <!-- logo -->

                        <!-- nav -->

                        <nav role="navigation" class="col-xs-12 col-sm-10 col-md-10 col-lg-10 navbar navbar-default">

                            <div class="navbar-header">

                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

                                    <span class="sr-only">Toggle navigation</span>

                                    <span class="icon-bar"></span>

                                    <span class="icon-bar"></span>

                                    <span class="icon-bar"></span>

                                </button>

                            </div>

                            <div id="navbar" class="navbar-collapse collapse">            

                                <ul class="nav navbar-nav">                   

                                    <li class="active"><a href="#headere-top" title="Home">首页</a></li>

                                    <li><a href="#section-one" title="Overview">网站简介</a></li>

                                    <li><a href="#section-two" title="Features">博文精选</a></li>

                                    <li><a href="#section-three" title="Pricing">门票/优惠券</a></li>

                                    <li><a href="#section-four" title="Team">开发者团队</a></li>

                                    <li><a href="#section-five" title="Contact">订阅</a></li>

                                    <li><a href="#section-six" title="Join Us">加入我们</a></li>            

                                </ul>

                            </div>

                        </nav>

                        <!-- nav -->

                    </hgroup>

                    <!-- hgroup -->

                  </div>

            </div>

            <!-- banner Text --> 

                 <section class="text-center">

                    <h2>身未动，心已远</h2>

                    <p>人生至少要有两次冲动，一为奋不顾身的爱情，一为说走就走的旅行</p>

                     

                     <a class="popup-vimeo video-button" href="https://vimeo.com/45830194"><i class="fa fa-caret-right" aria-hidden="true"></i></a>

                     <a id="jumpBtn" href="#" class="button-header">即 刻 出 发</a>

                </section>

                <script type="text/javascript">
					$("#jumpBtn").click(function(){
					var user = "${tUser}";
 						if(user!=""){
 							window.location.href="toUserMain";
 						}else{
 							window.location.href="${ctp}/login.jsp";
 						}
 						return false;
						
						});
				</script>

            <!-- banner Text -->   

                

            <!-- banner image -->

            <figure>
                <ul class="slider">
	                <li class="slider-item"></li>
	            </ul>
<!--                 <div class="parallax-window item tp-banner-container banner_img" data-parallax="scroll" style="background-image: url('http://ww1.sinaimg.cn/large/8e24145egy1fifxdtbv4cj21hc0ncdp8.jpg');"></div> -->
            </figure>
            
            <!-- banner image -->

        </header>

    <!-- header -->

    

    <!-- main -->

        <main role="main" id=" main-wrapper">

            

            <!-- top pan -->

            <section role="loges" class="top-pan">

                <div class="container">

                    <ul class="row">

                        <li class="col-xs-12 col-sm-3 col-md-2 col-lg-2 ">友情赞助</li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2 ">

                            <a href="#"><img src="assets/img/logoes/logoes-1.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                            <a href="#"><img src="assets/img/logoes/logoes-2.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                            <a href="#"><img src="assets/img/logoes/logoes-3.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                            <a href="#"><img src="assets/img/logoes/logoes-4.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                            <a href="#"><img src="assets/img/logoes/logoes-5.png" alt="" class="img-responsive"/></a>

                        </li>

                    </ul>

                </div>

            </section>

            <!-- top pan -->

            

            <!-- section-one -->

            <section class="section-one text-center" id="section-one">

                <div class="container">

                    <header role="title-page">

                        <h4>我家小店</h4>

                        <h2>更有意义的旅行,更简洁的设计,对出发满怀期待,记录心旅每一步足迹</h2>

                    </header>

                    <article>

                        <p>你来，为你开。你不来，自己开。<br/>开，有开的快乐，不开，有不开的欢喜。<br/>这一朵不开，下一朵开。春天来了，躲不开。<br/>这一刻不开下一刻开。春天来了，不躲开。</p>

                    </article>

                    

                    <!-- four boxes  -->

                        <div class="row four-box-pan" role="four-box">

                            

                            <section class="col-xs-12 col-sm-6 col-md-3">

                                <figure><i class="fa fa-rocket" aria-hidden="true"></i></figure>

                                <h5>STARTUP FEATURE</h5>

                                <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo orta felis euismod semper.</p>

                            </section>

                            <section class="col-xs-12 col-sm-6 col-md-3">

                                <figure><i class="fa fa-magic" aria-hidden="true"></i></figure>

                                <h5>Higly customizable</h5>

                                <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo orta felis euismod semper.</p>

                            </section>

                            <section class="col-xs-12 col-sm-6 col-md-3">

                                <figure><i class="fa fa-paper-plane" aria-hidden="true"></i></figure>

                                <h5>Simplified workflow</h5>

                                <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo orta felis euismod semper.</p>

                            </section>

                            <section class="col-xs-12 col-sm-6 col-md-3">

                                <figure><i class="fa fa-television" aria-hidden="true"></i></figure>

                                <h5>Cross platform</h5>

                                <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo orta felis euismod semper.</p>

                            </section>

                            

                        </div>

                    <!-- four boxes -->

                    

                </div>

            </section>

            <!-- section-one -->

            
            <div class="copyrights">Collect from <a href="http://youu.08tk.cn/" >友游网</a></div>
            <!-- section-two -->

            <section class="section-two" id="section-two">

                

                <!-- image-content -->

                <section>

                    <div class="col-xs-12 col-sm-6 col-md-6">

                        <article>
                            <h2>身体心灵，同时出发</h2>
                            <ul>
								<li>What is a journey?</li>
								<li>何为旅行?</li>
								<li>A journey is not a trip.It's not a vacation.</li>  
								<li>旅行不是一次出行，也不只是一个假期</li>     
								<li>It's a process. A Discovery.It's a process of self-discovery.</li> 
								<li>旅行是一个过程，一次发现，是一个自我发现的过程</li>    
								<li>A journey brings us face to face with ourselves.</li> 
								<li>真正的旅行让我们直面自我</li>
								<li>A journey shows us not only the world,but how we fit in it.</li>   
								<li>旅行不仅让我们看到世界，更让我们看到自己在其中的位置</li> 
								<li>Does the person create the journey,or does the journey create the person?</li>  
								<li>究竟，是我们创造了旅行。还是旅行造就了我们?</li> 
								<li>The journey is life itself.Where will life take you?</li>
								<li>生命本身就是一场旅行，他将引领你去向何方?</li>
                            </ul>

                        </article>

                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6">

                        <figure class="row" style="background-image:url('http://ww1.sinaimg.cn/large/8e24145egy1fifxdt1dfdj218g0m8agg.jpg')"></figure>

                    </div>

                 </section>

                <!-- image-content -->

                <div class="clearfix"></div>

                 <!-- image-content -->

                 <section>

                    <div class="col-xs-12 col-sm-6 col-md-6">

                        <figure class="row" style="background-image:url('http://ww1.sinaimg.cn/large/8e24145egy1fifxdt2hv9j218g0m8qdo.jpg')"></figure>

                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6">

                       <article>
                            <h2>心旅足迹，走遍中国</h2>
                            <ul>
                            	<p>你写PPT时，阿拉斯加的鳕鱼正跃出水面，你看报表时，梅里雪山的金丝猴刚好爬上树尖。 你挤进地铁时，西藏的山鹰一直盘旋云端，你在会议中吵架时，尼泊尔的背包客一起端起酒杯坐在火堆旁。 有一些穿高跟鞋走不到的路，有一些喷着香水闻不到的空气，有一些在写字楼里永远遇不见的人。</p>
								<li>要么读书，要么旅行，身体和灵魂总有一个在路上。</li>
								<li>因为有梦，所以勇敢出发，选择出发，便只顾风雨兼程。</li>
								<li>找个舒适的小店，挑张雅致的明信片，送给中意的ta。背面写上：某年某月某日，下午某时，天气晴，我在某地，想念你。</li>
								<li>一个人，一条路，人在途中，心随景动，从起点，到尽头，也许快乐，或有时孤独，如果心在远方，只需勇敢前行，梦想自会引路，有多远，走多远，把足迹连成生命线。</li>
                            </ul>

                        </article>

                    </div>

                 </section>

                <!-- image-content -->

                <div class="clearfix"></div>


                <!--slider pan -->

                <div class="slider-pan">

                    <header role="title-page" class="text-center">

                        <h4>Customer Voice</h4>

                    </header>

                    <!-- carousel -->

                    <div id="owl-demo" class="owl-carousel text-center" role="slider">

                    

                        <section class="item">

                            <article>

                                Morbi leo orta felis euismod semper.Maecenas sed diam eget risus varius blandit sit <br/>

                                amet non magna felis euismod leo orta felis semper. 

                            </article>

                            <header>

                                <h5>Antony Casalena</h5>

                                <h6>Vice president, IQTeam</h6>

                            </header>

                        </section>

                        <section class="item">

                            <article>

                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis tortor nec diam dapibus<br>efficitur in quis sem. Morbi tristique purus at vestibulum malesuada.  

                            </article>

                            <header>

                                <h5>Brain Rice</h5>

                                <h6>VP, Lexix Pvt Ltd</h6>

                            </header>

                        </section>

                        <section class="item">

                            <article>

                                Morbi leo orta felis euismod semper.Maecenas sed diam eget risus varius blandit sit <br/>

                                amet non magna felis euismod leo orta felis semper. 

                            </article>

                            <header>

                                <h5>Antony Casalena</h5>

                                <h6>Vice president, IQTeam</h6>

                            </header>

                        </section>

                        <section class="item">

                            <article>

                                Morbi leo orta felis euismod semper.Maecenas sed diam eget risus varius blandit sit <br/>

                                amet non magna felis euismod leo orta felis semper. 

                            </article>

                            <header>

                                <h5>Antony Casalena</h5>

                                <h6>Vice president, IQTeam</h6>

                            </header>

                        </section>

                        

                        

                    </div>

                    <!-- carousel -->

                </div>

                <!--slider pan -->

                

            </section>

            <!-- section-two -->

            

            <!-- section-three -->

            <section class="section-three" id="section-three">

                <div class="container">

                    <header role="title-page" class="text-center">

                        <h4>优惠</h4>

                        <h2>这里汇集了所有折扣,优惠,餐券以及门票<br/>带给您最优的美食和旅游体验</h2>

                    </header>

                    <!-- pricing -->

                    <div class="pricing">
                    
                        <section>

                            <header><h4>景点门票</h4></header>

                            <h2><span>￥50</span> 起/张</h2>

                            <ul>

                                <li>Free Shipping</li>

                                <li>24/7 Support</li>

                                <li>Single Licence</li>

                            </ul>

                            <input id="scenics_list_btn" type="button" onclick="javascript:window.location.href = 'scenic/list.html'" value=" 立即查看  ">

                        </section>

                        <section>

                            <header><h4>疯抢优惠</h4></header>

                            <h2><span>￥10</span> 起/份</h2>

                            <ul>

                                <li>Free Shipping</li>

                                <li>24/7 Support</li>

                                <li>Single Licence</li>

                            </ul>

                            <input id="discounts_list_btn" type="button" onclick="javascript:window.location.href = 'scenic/list.html'" value=" 立即查看  ">

                        </section>

                        <section>

                            <header><h4>酒店预定</h4></header>

                            <h2><span>￥20</span> 起/间</h2>

                            <ul>

                                <li>Free Shipping</li>

                                <li>24/7 Support</li>

                                <li>Single Licence</li>

                            </ul>

                            <input id="hotel_list_btn" type="button" onclick="javascript:window.location.href = 'scenic/list.html'" value=" 立即查看  ">

                        </section>

                    </div>

                    <!-- pricing -->

                </div>

            </section>

            <!-- section-three -->

            

            <!-- section-four -->

            <section class="section-four" id="section-four">

                <div class="container">

                    <header role="title-page" class="text-center">

                        <h4>开发者团队</h4>

                        <h2>日夜不休,风雨兼程 <br/>只为带给您最好的体验</h2>

                    </header>

                    <!-- Team -->

                    <div class="team-pan row">

                        

                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/lalalalala.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>啦啦啦啦啦!</h5>

                                <h6>微信号:yanghonggang58</h6>

                            </header>

                        </section>

                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/biancheng.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>边城</h5>

                                <h6>微信号:wmhack</h6>


                            </header>

                        </section>

                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/mirendeweixiao.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>皮皮虾ರ_ರ</h5>

                                <h6>微信号:l1174267481</h6>


                            </header>

                        </section>

                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/xiangye.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>未末</h5>

                                <h6>微信号:n1006556989</h6>


                            </header>

                        </section>
                        
                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/chen.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>晨</h5>

                                <h6>微信号:n1006556989</h6>


                            </header>

                        </section>
                        
                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/mofeidinglv.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>墨菲定律</h5>

                                <h6>微信号:love342124495</h6>


                            </header>

                        </section>
                        
                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/faxingluanle.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>℡发型乱了、</h5>

                                <h6>微信号:lx_weixin20121007</h6>


                            </header>

                        </section>
                        
                        <section class="col-xs-12 col-sm-6 col-md-3">

                            <figure><img src="${ctp }/assets/img/jinfan.jpg" alt="${ctp }/assets/img/tupiandiule.jpg" class=" img-responsive"/></figure>

                            <header style="padding:18px;">

                                <h5>瑾凡</h5>

                                <h6>微信号:wyy775700</h6>


                            </header>

                        </section>

                    </div>

                    <!-- Team -->

                </div>

            </section>

            <!-- section-fore -->

            

            <!-- section-five -->

            <section class="section-five" id="section-five">

                <div class="container">

                     <header role="title-page" class="text-center">

                        <h4>订阅我们</h4>

                        <h2>此功能暂未实现<br/>敬请期待</h2>

                    </header>

                    <!-- subscribe -->

                    <div class="subscribe-form">

                        <div class="ntify_form">

                            <form method="post" action="assets/php/subscribe.php" name="subscribeform" id="subscribeform">

                                <input name="email" type="email" id="subemail" placeholder="Email Address">

                                

                                <button type="submit" name="" value="Submit">

                                Subscribe <i class="fa fa-envelope" aria-hidden="true"></i></button>

                            </form>

                            <!-- subscribe message -->

                            <div id="mesaj"></div>

                            <!-- subscribe message --> 

                        </div>

                    </div>

                    <!-- subscribe -->

                </div>

            </section>

            <!-- section-five -->

            

            <!-- section-six -->

            <section class="section-six" id="section-six">

                <div class="container">

                     <header role="title-page" class="text-center">

                        <h4>加入我们</h4>

                        <h2>我们团队非常欢迎有想法，有创意,有技术的同行<br/>一起来加入我们吧!</h2>

                    </header>

                    <!-- contact-form -->

                    <div class="contact-form">

                        <div id="message"></div>
								<!-- assets/php/contactfrom.php -->
                                <form method="post"  name="cform" id="cform">

                                <div class="col-md-6 col-lg-6 col-sm-6">

                                    <input  name="name" id="name" type="text" placeholder="Full Name">

                                </div>

                                <div class="col-md-6 col-lg-6 col-sm-6">

                                    <input  name="email" id="email" type="email"  placeholder="Email Address">

                                </div>

                                <div class="clearfix"></div>

                                <textarea name="comments" id="comments" cols="" rows="" placeholder="Question in Detail"></textarea>

                                <div class="clearfix"></div>

                                <input name="" type="submit" value="Send mail">

                                <div id="simple-msg"></div>

                        </form>

                     </div>

                    <!-- contact-form -->

                    <div class="clearfix"></div>

                </div>

            </section>

            <!-- section-six -->

            

           <!-- footer -->

           <footer role="footer" class="footer text-center">

                <div class="container">

                    <!-- socil-icons -->

                    <section role="socil-icons" class="socil-icons">

                        <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a>

                    </section>

                    <!-- socil-icons -->

                    <!-- nav -->

                    <nav role="footer-nav">

                        <a href="#">Terms of Use </a> 

                        <a href="#">Privacy Policy</a>

                    </nav>

                    <!-- nav -->

                    <p class="copy">&copy; 2017 Sartr. All rights reserved. <a href="http://youu.08tk.cn/" target="_blank" title="友游网">友游网</a></p>

                </div>

           </footer>

           <!-- footer -->

            

        </main>

    <!-- main -->

    



    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

    <script src="assets/js/parallax.min.js" type="text/javascript"></script>

    <script src="assets/js/main.js" type="text/javascript"></script>

    <script src="assets/js/owl.carousel.js" type="text/javascript"></script>

    <script src="assets/js/maps.js" type="text/javascript"></script>

    <script type="text/javascript" src="assets/js/jquery.mb.YTPlayer.js"></script>

    <script type="text/javascript" src="assets/js/video.js"></script>

    <script src="assets/js/custom.js" type="text/javascript"></script>
    <script src="assets/js/html5shiv.min.js" type="text/javascript"></script>
  </body>
</html>